<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:include="common/common::common_head('首页')"></head>
<head>
    <link rel="stylesheet" th:href="@{/css/front/index.css}">
    <script th:src="@{/js/front/index.js}"></script>
</head>
<body>
<!-- 引入公共的导航栏部分 -->
<header th:include="common/common::common_header('index','豪豪学习考试系统')"></header>
<!-- 页面轮播图部分 -->
<article>
    <div class="layui-carousel" id="slideshow">
        <div carousel-item>
            <div><a href="https://www.gcu.edu.cn"><img th:src="@{/image/front/school1.jpg}" alt="这是一张轮播图"></a></div>
            <div><a href="https://www.gcu.edu.cn"><img th:src="@{/image/front/school2.png}" alt="这是一张轮播图"></a></div>
            <div><a href="https://www.gcu.edu.cn"><img th:src="@{/image/front/school3.jpg}" alt="这是一张轮播图"></a></div>
        </div>
    </div>
</article>

<!-- 小车理论考试部分 -->
<div class="layui-container">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12" style="text-align: center">
            <h1>不止于驾考</h1>
        </div>
    </div>
    <br><br><br>
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <h1>科目一交规</h1>
                </div>
                <div class="layui-card-body">
                    <a th:href="@{/page/subjectOneSequence}" class="layui-btn a-button">顺序练习</a>
                    <a th:href="@{/page/subjectOneRandom}" class="layui-btn a-button">随机练习</a><br><br>
                    <a th:href="@{/page/subjectOneSpecial}" class="layui-btn a-button">专项练习</a>
                    <a th:href="@{/page/subjectOneMistakable}" class="layui-btn a-button">易错题练习</a><br><br><br>
                    <a th:href="@{/page/subjectOneTest}" class="layui-btn a-button-test">模拟考试</a>
                </div>
            </div>
        </div>
        <div class="layui-col-md6">
            <div class="layui-card">
                <div class="layui-card-header">
                    <h1>科目四安全文明驾驶</h1>
                </div>
                <div class="layui-card-body">
                    <a th:href="@{/page/subjectFourSequence}" class="layui-btn a-button">顺序练习</a>
                    <a th:href="@{/page/subjectFourRandom}" class="layui-btn a-button">随机练习</a><br><br>
                    <a th:href="@{/page/subjectFourSpecial}" class="layui-btn a-button">专项练习</a>
                    <a th:href="@{/page/subjectFourMistakable}" class="layui-btn a-button">易错题练习</a><br><br><br>
                    <a th:href="@{/page/subjectFourTest}" class="layui-btn layui-btn-lg a-button-test">模拟考试</a>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 公共的底部部分 -->
<div th:replace="~{/common/common :: footer-common}"></div>
</body>
</html>